.sp-filter-drawer{

    .at-drawer__content{
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        padding-top: 50px;
        z-index: 1002 !important;
    }
      
    .content{
        padding-left: 20px;
        height: 100%;
        
        .filterTitle{
          
          position: relative;
          text-align: center;

          .text{
            font-size: 36px;
            font-weight: 400;
            color: #111A34;
          }

          .iconfont{
            font-size:46px;
            color:#111A34;
            font-weight: 500;
            position: absolute;
            left:0;
            top:50%;
            transform: translateY(-50%);
          }

        }
        .main{

          height: calc( 100% - 110px );
          overflow-y: auto;
          overflow-x: hidden;

          .filterItem{
            margin-bottom: 40px;
            .title{
              font-weight: 400;
              color: #666F83;
              font-size: 30px;
              margin-bottom:32px;
              margin-top:20px;
            }
          
          }
        }

        .footer{
          position: absolute;
          bottom:20px;
          left:50px;
          right:50px;
          color: var(--color-primary);
        }
    }
  }